import Vue from 'vue'
import App from './App.vue'

// 安装 ElementUI
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

//安装 mavonEditor
import mavonEditor from 'mavon-editor'
    import 'mavon-editor/dist/css/index.css'
    // use
    Vue.use(mavonEditor)

/* 导入axios 是一个http网络请求库 用来发送ajax请求 */
import axios from 'axios'
//配置全局的后端访问地址
axios.defaults.baseURL="http://127.0.0.1:8888/";
//将请求库地址 挂载到vue对象中, $http名字是自定义的, 使用: this.$http/api/loign/loign
Vue.prototype.$http=axios;

// 配置路由
import router from './router/index.js'
Vue.use(router);

//在VUe对象上绑定全局变量
//图片服务器地址
Vue.prototype.$imgService="http://127.0.0.1:8081/";
//后端服务器地址
Vue.prototype.$backServers="http://127.0.0.1:8888";


//axios 请求拦截
axios.interceptors.request.use(config =>{
//为请求头对象，添加 Token 验证的 token 字段
	config.headers.token = window.sessionStorage.getItem('token');
	config.headers.usertoken = window.sessionStorage.getItem('usertoken');
	return config;
})

// 添加响应拦截器
axios.interceptors.response.use((res) =>{
	if(res.data.code == 300){//管理员登录失效
		router.replace("/login");
	}
	if(res.data.code == 301){//管理员登录失效
		router.replace("/login1");
	}
	if(res.data.code==401){
		router.replace("/login");
	}
	
	if(res.data.code==500){
		ElementUI.Message({
			message:res.data.message,
			type:"error"
		})
	}
	return res;
}, (error) =>{ //请求 404 时执行此函数
	if(error.response.data.code == 404){
		ElementUI.Message({
			message:"请求地址有误",
			type:"error"
		})
	}
	return Promise.reject(error);
});


Vue.config.productionTip = false

//创建vue对象,将App组件挂载到  index.html <div id="app"></div>
new Vue({
  render: h => h(App),
  router,
}).$mount('#app')
